<template>
	<view>
		<!-- 返回组件 -->
		<back :showBackText="false" customClass="bg-gradual-blue text-white" title="绑定手机"></back>
		
		<view class="bind-container">
			<!-- 顶部说明 -->
			<view class="header-info">
				<view class="title-text">绑定手机号</view>
				<view class="desc-text">绑定手机号可以更好地保障您的账号安全</view>
			</view>
			
			<!-- 微信快捷绑定 -->
			<view class="quick-bind-section">
				<view class="section-title">快速绑定</view>
				<button open-type="getPhoneNumber" @getphonenumber="wxPhoneBindTap" 
					class="cu-btn bg-blue lg radius" style="width: 100%;">
					<text class="cuIcon-weixin margin-right-xs"></text>微信手机号一键绑定
				</button>
			</view>
			
			<!-- 帮助信息 -->
			<view class="help-section text-center">
				<text class="text-gray">遇到问题？请联系客服</text>
			</view>
		</view>
	</view>
</template>

<script src="./bindmobile.js"></script>
<style src="./bindmobile.css"></style>